<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>v-pre & v-cloak & v-once 实例化</title>
	</head>
	<body>
		<h3>v-pre & v-cloak & v-once 实例化</h3>
		<hr />
		<div id="app">
			<h3>1、<span style="color: red;">message简单的数据绑定</span>{{message}}</h3><hr />
			<h3 v-pre>2、<span style="color: red;">v-pre原样输出，不赋值、绑定</span>{{message}}</h3><hr />
			<h3 v-once>3、<span style="color: red;">v-once，初始化赋值，只绑定一次</span>{{message}}</h3>
			<input type="text" v-model="message"/>
			<h5>{{message}}</h5>
			<h3 v-pre>4、<span style="color: red;">v-cloak，页面渲染完成后显示</span>{{finish}}</h3><hr />
		</div>
		<script src="../assets/js/vue.min.js"></script>
		<script type="text/javascript">
			var vm = new Vue({
				el:'#app',
				data:{
					message: 'Hello World !',
					content: 'Vue.js !',
					txt:'我是自定义',
					finish: '页面渲染完成！'
				}
			})
		</script>
	</body>
</html>
